@layouts/main

<div class="container main-box">
    <div class="row">
        <div class="col-md-8">
            <div class="detail-box">
                <div class="thumb">
                    <a href="../detail.html">
                        <img src="https://zodream.cn/assets/images/zx.jpg" alt="">
                    </a>
                </div>
                <div class="info">
                    <div class="post-header">
                        <div class="title">
                            <a href="../detail.html">标题</a>
                        </div>
                        <div class="byline">
                            <a href="" class="author">zodream</a>发表于
                            <a href="" class="date">2019-09-01</a>
                        </div>
                    </div>
                    <article id="content" class="content">
                        <div>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                            <p>正文</p>
                        </div>
                        <p class="book-copyright">转载请保留原文链接：
                            <a href="https://zodream.cn">https://zodream.cn</a>
                        </p>
                    </article>
                    <div class="post-meta">
                        发表于
                        <a href="" class="date">2019-09-01</a>
                    </div>
                    <div class="tags-box">
                        <a href="https://zodream.cn">标签1</a>
                        <a href="https://zodream.cn">标签2</a>
                    </div>
                    <div class="further-box">
                        <div class="previous">
                            <span>上一篇</span>
                            <a href="">adfdsfa</a>
                        </div>
                        <div class="next">
                            <span>下一篇</span>
                            <a href="">wefsd</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel">
                <h3>3 条评论</h3>
            </div>

            <div class="comment-list">
                @layouts/comment@4
            </div>

            <div class="panel">
                <div class="panel-header">
                    <h3>发表评论</h3>
                </div>
                <div class="panel-body">
                    <form action="">
                        <div class="form-group">
                          <label for="">评论内容</label>
                          <textarea class="form-control" name="" id="" rows="3"></textarea>
                        </div>
                        <div class="form-group">
                          <label for="">称呼</label>
                          <input type="text"
                            class="form-control" name="" id="" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="">邮箱</label>
                            <input type="text"
                              class="form-control" name="" id="" placeholder="">
                          </div>
                          <div class="form-group">
                            <label for="">网址</label>
                            <input type="text"
                              class="form-control" name="" id="" placeholder="">
                          </div>
                          <button class="btn btn-default">评论</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            @layouts/right
        </div>
    </div>
</div>